<template>
    <!-- <li> 标签
全称：List Item（列表项） -->
    <li v-for="item in items">
        {{ item.message }}
    </li>
    <!-- 有 index 索引时 -->
    <li v-for="({ message }, index) in items">
        {{ message }} {{ index }}
    </li>
</template>

<script setup>
import { ref } from 'vue'
const items = ref([{ message: 'Foo' }, { message: 'Bar' }])
</script>

<style scoped></style>